<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>考勤录入页面</title>
		
		<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
		<script type="text/javascript" src="js/add.js"></script>
		<script type="text/javascript" src="js/ajax.js"></script>
		
		<style>
		
			*{
				font-size: 16px;
				font-family: 微软雅黑;
			}
		
			#container{
				
				/* 上下的外边距为20px  左右的外边距1样 并且有电脑自己计算 */
				margin: 20px auto;
				width: 800px;
				/* border: 1px solid blue; */
				
			}
			
			#ss1,#ss2{
				/* border: 1px solid blue; */
				height: 40px;
				line-height: 40px;
				vertical-align: middle;
				font-family: 微软雅黑;
				font-size: 16px;
			}
			
			.float-left{
				float: left;
			}
			
			.ss1-1{
				float: left;
				width: 380px;
				/* border: 1px solid  red; */
			}
			
			#ss2{
				/* 清除浮动 */
				clear: both;
				text-align: center;
			}
			
			.clear-float{
				clear: both;
				height: 40px;
				line-height: 40px;
				font-size: 16px;
			}
		
			/* div{
				width: 800px;
				border: 1px solid blue;
			} */
			
			#mytitle{
				text-align: center;
				height: 80px;
				font-size: 26px;
				vertical-align: middle;
				line-height: 80px;
				font-family: 微软雅黑;
			}
			
			.haiyan200{
				width: 230px;
				font-size: 16px;
				/* font-weight: bold; */
				height: 40px;
				line-height: 40px;
				margin-left: 100px;
			}
			
			.margin-left200{
				margin-left: 80px;
			}
			
			.m40{
				margin-left: 40px;
			}
			
			#tj{
				clear: both;
				text-align: center;
			}
			
			input[type="button"]{
				width: 100px;
				height: 35px;
				color: white;
				background-color: #1E98D7;
				border: 1px solid #1E98D7;
				border-radius: 5px 5px 5px 5px;
			}
			
			.myline{
				border-top: 1px solid red;
				border-bottom: 1px solid red;
			}
		
		</style>
	</head>
	<body>
		
		<div id="container">
			<!-- 1 、标题 -->
			<div id="mytitle">考勤管理员>迟到数据录入</div>
			
			<!-- 2 、搜索 -->
			<div id="ss">
				
				<div id="ss1">
					<div class="ss1-1">
						班级：
						<select id="classElementList">
							
						</select>
					</div >
					<div class="ss1-1">
						学生姓名：<input type="text" name="studentName" />
					</div>
				</div>
				
				<div id="ss2">
					<input type="button" id="search" value="搜索" />
				</div>
			</div>
			
			<!-- 3 、数据展示 -->
			<div>
				
				<div>
					<input type="checkbox" class="selectOne m40" />全选
					
				</div>
				
				<div id="dataareaabc">
					
				</div>
			</div>
			
			
			<div style="clear: both; border-top:1px solid red;">
				<font style="color:red">*</font>
				迟到日期：<input type="date" name="delayDate" />
			</div>
			
			<!-- 4 、提交按钮 -->
			<div id="tj">
				<input type="button" value="提交" />
			</div>
			
			
		</div>
		
		
		
	</body>
</html>
